.box {
    width: 250px;
    height: 454px;
    margin: 100px auto;
    background-color: pink;
}

.hd {
    height: 165px;
    padding: 0 15px;
    border: 1px solid red;
    background-color: blue;
}

.info {
    height: 209px;
    border-left: 1px solid red;
}

.fl {
    float: left;
}

.box2 {
    width: 1200px;
    margin: 200px auto;
    background-color: pink;
    border: 1px solid #000;
}

.tit {
    height: 163px;
    width: 206px;
    background-color: gold;
}

.box2 ul {
    width: 991px;

}

.box2 li {
    float: left;
    width: 249px;
    height: 163px;
    padding: 10px 0;
    background-color: lime;
    position: relative;
}

.box2 li img {
    width: 100%;
}

.box2 li:last-child,
.box2 li:first-child {
    width: 247px;
}

.box2 li:not(:nth-child(4n))::after{
    content: '';
    position: absolute;
    right: 0;
    top: 5%;
    height: 90%;
    width: 0;
    border-right: 1px solid #000;
}

.box3 {
    width: 1200px;
    margin: 300px auto;
    background-color: pink;
}

.top {
    height: 38px;
    line-height: 38px;
    font-size: 22px;
}

.bd {
    border: 1px solid #000;
}

.bd li {
    float: left;
    width: 200px;
    height: 231px;
    background-color: lime;
}
.bd li:last-child,
.bd li:first-child {
    width: 199px;
}
.bd li a {
    display: block;
    height: 160px;
}

.bd li a img {
    width: 100%;
    height: 100%;
}